<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>图猫云社区主页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="description" content="图猫,摄影,图猫云社区"/> <!-- 页面描述 -->
    <meta name="keywords" content="图猫,摄影,图猫云社区"/> <!-- 页面关键字 -->
    <meta name="author" content="图猫"/> <!-- 作者 -->
    <link href="ystweb/bootstrap-3.3.5-dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="ystweb/css/cloud.css" rel="stylesheet">
    <link href="ystweb/font/iconfont.css" rel="stylesheet">
    <link href="ystweb/css/animate.min.css" rel="stylesheet">
    <link href="ystweb/plug/swiper/css/swiper.min.css" rel="stylesheet">
    <!--[if lte IE 9]>
    <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <script src="http://apps.bdimg.com/libs/html5shiv/r29/html5.min.js"></script>
    <![endif]-->
</head>
<body>
<div id="loader" class="loader" style="display: block;">
    <div class="load">
        <img src="ystweb/img/load-logo.png" alt="load">
        <div class="load-animation">
            <span class="load-item"><img src="ystweb/img/load.png" alt="load"></span>
            <span class="load-item load-item-revers"><img src="ystweb/img/load.png" alt="load"></span>
            <span class="load-item delay-200"><img src="ystweb/img/load.png" alt="load"></span>
        </div>
    </div>
</div>
<!-- 主体 -->
<header class="header wow fadeInDown">
    <nav class="navbar navbar-default tumao-nav">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">切换</span><span class="icon-bar"></span><span class="icon-bar"></span><span
                        class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#"><i class="iconfont icon-logo getlogo"></i><span>图猫</span></a>
            </div>

            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav pull-right">
                    <li class="active"><a href="http://yst.tomomall.com">云社区</a></li>
                    <li><a href="http://www.tomomall.com">图猫官网</a></li>
                    <li><a href="http://app.tomomall.com">图猫APP</a></li>
                    <li><a href="http://yst.tomomall.com/admin.php?c=login&a=register" class="dl-btn">注册</a></li>
                    <li><a href="http://admin.tomomall.com" class="dl-btn blbtn">登录</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
</header>

<section class="focus">
    <!-- Swiper -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="background-image: url(ystweb/img/banner1.jpg)">
                <div class="container">
                    <h1 class="wow fadeInUp">E时代的摄影活动、图片比赛、行摄旅行、兴趣社团<br>
                        微信云社区解决方案</h1>
                    <a class="dr-btn center-block wow fadeInUp" data-wow-delay="0.3s"
                       href="http://yst.tomomall.com/admin.php?c=login&a=register">免费开通云社区</a>
                    <img class="con-img center-block wow fadeInUp" data-wow-duration="1.4s" data-wow-delay="0.2s"
                         src="ystweb/img/barr-1.png">
                </div>
            </div>
            <div class="swiper-slide" style="background-image: url(ystweb/img/banner2.jpg)">
                <div class="container partnew">
                    <h1>改版啦！云社区全新体验版3.4！</h1>
                    <a class="dr-btn center-block" href="http://admin.tomomall.com">立即登录</a>
                    <img class="con-img center-block wow fadeInUp" src="ystweb/img/barr-2.png">
                </div>
            </div>
        </div>
        <div class="swiper-button-prev hidden-xs"></div>
        <div class="swiper-button-next hidden-xs"></div>
    </div>
</section>
<section class="search-box">
    <div class="container">
        <h2 class="mih2 wow fadeInUp">快速进入云社区站点</h2>
        <div class="col-sm-6 col-sm-offset-3 wow zoomIn">
            <div class="input-group searh-in">
                <input type="text" class="form-control" placeholder="请输入云社区编号或名称">
      <span class="input-group-btn">
        <button class="btn btn-info" type="button" onclick="alert('ok');">进入</button>
      </span>
            </div><!-- /input-group -->
        </div>
    </div>
</section>
<script>
    document.onkeydown = function (event) {
        var e = event || window.event || arguments.callee.caller.arguments[0];
        if (e && e.keyCode == 27) { // 按 Esc
            //要做的事情
        }
        if (e && e.keyCode == 113) { // 按 F2
            //要做的事情
        }
        if (e && e.keyCode == 13) { // enter 键
            //要做的事情
            alert('ok');
        }
    };
</script>

<section class="tomo-box">
    <div class="container">
        <h2 class="mih2 wow fadeInUp" data-wow-delay="0.2s">图猫｜摄影圈的移动互联网解决方案专家</h2>
        <div class="row">
            <div class="col-sm-3 wow fadeInUp" data-wow-delay="0.1s">
                <div class="thumble">
                    <div class="th-img thu-1 center-block"></div>
                    <h4>智能举办图片比赛</h4>
                    <p>突破单反相机和手机拍摄的传播局限，电脑传图微信可分享、微信传图电脑可评论。全面服务于摄影比赛的电脑网页与微信端同步收稿，排名显示、评委打分。</p>
                </div>
            </div>
            <div class="col-sm-3 wow fadeInUp" data-wow-delay="0.3s">
                <div class="thumble">
                    <div class="th-img thu-2 center-block"></div>
                    <h4>轻松实现行摄等活动微信收款</h4>
                    <p>轻松发起O2O人气活动，支持朋友圈或微信群一键报名、资格审核、名单导出、微信支付收款。帮助更多参与者把图片作品通过微信朋友圈、群、微博…进行分享传播，为社团活动扩大影响力。</p>
                </div>
            </div>
            <div class="col-sm-3 wow fadeInUp" data-wow-delay="0.5s">
                <div class="thumble">
                    <div class="th-img thu-3 center-block"></div>
                    <h4>强大的社团成员分享互动</h4>
                    <p>您的云社区用户可以24小时自由查看好友的优秀作品，结识社区新人，相互关注并发表评论、留言，而无需首先添加微信好友，公开个人微信号码。</p>
                </div>
            </div>
            <div class="col-sm-3 wow fadeInUp" data-wow-delay="0.7s">
                <div class="thumble">
                    <div class="th-img thu-4 center-block"></div>
                    <h4>更多移动端的图片服务功能</h4>
                    <p>致力于为社团和成员提供更多优质互联网系统服务，帮助社团获得更多粉丝、扩大影响力、最大化拓展经济收益。</p>
                </div>
            </div>

        </div>
    </div>
</section>

<section class="event-box">
    <div class="container">
        <h2 class="mih2 wow fadeInUp">移动互联＋时代的影像赛事</h2>
        <!-- Swiper -->
        <div class="swiper2-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide wow zoomIn">
                    <div class="thumble th-ig">
                        <img class="center-block io-w" src="ystweb/img/obg/c-1.jpg" width="308">
                        <h4>在线图片展览</h4>
                        <p>帮助线下视觉展览获得更多线上粉丝，您只需要现场展示作品二维码，观...</p>
                    </div>
                    <div class="thumble th-font">
                        <h4>在线图片展览</h4>
                        <p>帮助线下视觉展览获得更多线上粉丝，您只需要现场展示作品二维码，
                            观众就可以轻松为喜爱的作品点赞、留言、查看创作故事、转发朋友圈。</p>
                    </div>
                </div>

                <div class="swiper-slide wow zoomIn">
                    <div class="thumble th-ig">
                        <img class="center-block io-w" src="ystweb/img/obg/c-2.jpg" width="308">
                        <h4>主题摄影比赛</h4>
                        <p>告别传统的邮箱收稿和微信号扔图方式。在您自的云社区轻松发起主题赛事，参与者...</p>
                    </div>
                    <div class="thumble th-font">
                        <h4>主题摄影比赛</h4>
                        <p>告别传统的邮箱收稿和微信号扔图方式。在您自己的云社区轻松发起主题赛事，
                            参与者自由选择“电脑端、手机端”一键上传，支持组图投稿、作品名称与创作故事分享、评委远程打分等多个贴心功能。</p>
                    </div>
                </div>

                <div class="swiper-slide wow zoomIn">
                    <div class="thumble th-ig">
                        <img class="center-block io-w" src="ystweb/img/obg/c-3.jpg" width="308">
                        <h4>摄影月赛年赛</h4>
                        <p>月赛功能适用于各种摄影社团和影像学校、绘画等视觉教学，便于视觉兴趣组织在自...</p>
                    </div>
                    <div class="thumble th-font">
                        <h4>摄影月赛年赛</h4>
                        <p>月赛功能适用于各种摄影社团和影像学校、绘画等视觉教学，
                            便于视觉兴趣组织在自己的微信平台开展定期或不定期的图片赛事。
                            增强成员间的凝聚力并在趣味竞赛中成长。</p>
                    </div>
                </div>

                <div class="swiper-slide wow zoomIn">
                    <div class="thumble th-ig">
                        <img class="center-block io-w" src="ystweb/img/obg/c-4.jpg" width="308">
                        <h4>绘画比赛</h4>
                        <p>适用于各种绘画学习机构的开办图片比赛，参赛者手机拍摄作品和绘画瞬间照片上传云社区...</p>
                    </div>
                    <div class="thumble th-font">
                        <h4>绘画比赛</h4>
                        <p>适用于各种绘画学习机构的开办图片比赛，
                            参赛者手机拍摄作品和绘画瞬间照片上传云社区，分享朋友圈感受支持。
                            亦可用于记录绘画梦想和成长轨迹。</p>
                    </div>
                </div>

                <div class="swiper-slide wow zoomIn">
                    <div class="thumble th-ig">
                        <img class="center-block io-w" src="ystweb/img/obg/c-5.jpg" width="308">
                        <h4>动漫比赛</h4>
                        <p>帮助更多年轻的社团实现动漫之梦，无论是动漫绘画比赛还是Cosplay大赛，关注社团微...</p>
                    </div>
                    <div class="thumble th-font">
                        <h4>动漫比赛</h4>
                        <p>帮助更多年轻的社团实现动漫之梦，无论是动漫绘画比赛还是Cosplay大赛，
                            关注社团微信平台，在云社区分享主题图片和心情描述，激励更多粉丝。</p>
                    </div>
                </div>

                <div class="swiper-slide wow zoomIn">
                    <div class="thumble th-ig">
                        <img class="center-block io-w" src="ystweb/img/obg/c-6.jpg" width="308">
                        <h4>更多创意比赛</h4>
                        <p>图片云社区帮助不同类型的社团在自己的微信平台建设粉丝玩图家园，一切与图片有关的...</p>
                    </div>
                    <div class="thumble th-font">
                        <h4>更多创意比赛</h4>
                        <p>图片云社区帮助不同类型的社团在自己的微信平台建设粉丝玩图家园，
                            一切与图片有关的互动社交、分享，都能轻松实现。</p>
                    </div>
                </div>

            </div>
        </div>
        <div class="swiper-button-prev rr1 hidden-xs"></div>
        <div class="swiper-button-next rr2 hidden-xs"></div>
    </div>
</section>

<section class="info-box">
    <div class="container">
        <h2 class="mih2 f-w wow fadeInUp">举办摄影活动,微信直接报名缴费</h2>
        <p class="mip f-w wow fadeInUp" data-wow-delay="0.2s">
            主办方在微信公众号发起活动，无需用户在对话框回复"姓名＋电话"再收集统计。适用云社区的活动发起功能，分享报名链接、用户一键报名，更有地图导航/微信支付/资格审核等特色功能。</p>
        <img class="center-block wow fadeInUp" data-wow-duration="1.4s" data-wow-delay="0.3s"
             src="ystweb/img/conout.png">
    </div>
</section>

<section class="anli-box">
    <h2 class="mih2 wow fadeInUp">案例展示</h2>
    <div class="row blbg">
        <div class="cil col-sm-3 col-xs-6 wow zoomIn" data-wow-delay="0.1s"
             style="background-image:url(ystweb/img/obg/z1.jpg);"
             onclick="window.location.href='http://yst.tomomall.com/487'">
            <h3>CPA中国摄影师协会<br>
                <small>查看详情</small>
            </h3>
        </div>
        <div class="cil col-sm-3 col-xs-6 wow zoomIn" data-wow-delay="0.2s"
             style="background-image:url(ystweb/img/obg/z2.jpg);"
             onclick="window.location.href='http://yst.tomomall.com/454'">
            <h3>E路大玩家摄影聚乐部<br>
                <small>查看详情</small>
            </h3>
        </div>
        <div class="cil col-sm-3 col-xs-6 wow zoomIn" data-wow-delay="0.3s"
             style="background-image:url(ystweb/img/obg/z3.jpg);"
             onclick="window.location.href='http://yst.tomomall.com/60'">
            <h3>动动体育运动摄影协会<br>
                <small>查看详情</small>
            </h3>
        </div>
        <div class="cil col-sm-3 col-xs-6 wow zoomIn" data-wow-delay="0.4s"
             style="background-image:url(ystweb/img/obg/z4.jpg);"
             onclick="window.location.href='http://yst.tomomall.com/44'">
            <h3>兰州最萌宝贝大赛<br>
                <small>查看详情</small>
            </h3>
        </div>

        <div class="cil col-sm-3 col-xs-6 wow zoomIn" data-wow-delay="0.5s"
             style="background-image:url(ystweb/img/obg/z5.jpg);"
             onclick="window.location.href='http://yst.tomomall.com/528'">
            <h3>平遥国际摄影展征集<br>
                <small>查看详情</small>
            </h3>
        </div>
        <div class="cil col-sm-3 col-xs-6 wow zoomIn" data-wow-delay="0.6s"
             style="background-image:url(ystweb/img/obg/z6.jpg);"
             onclick="window.location.href='http://yst.tomomall.com/192'">
            <h3>温州大学生摄影大赛<br>
                <small>查看详情</small>
            </h3>
        </div>
        <div class="cil col-sm-3 col-xs-6 wow zoomIn" data-wow-delay="0.7s"
             style="background-image:url(ystweb/img/obg/z7.jpg);"
             onclick="window.location.href='http://yst.tomomall.com/22'">
            <h3>壹基金［为爱同行］影像征集<br>
                <small>查看详情</small>
            </h3>
        </div>
        <div class="cil col-sm-3 col-xs-6 wow zoomIn" data-wow-delay="0.8s"
             style="background-image:url(ystweb/img/obg/z8.jpg);"
             onclick="window.location.href='http://yst.tomomall.com/587'">
            <h3>中国杯帆船赛摄影征集<br>
                <small>查看详情</small>
            </h3>
        </div>
    </div>
    <div class="blue-tli">
        <a class="wow zoomIn" href="javascript:;">更多案例</a>
    </div>
</section>

<section class="aboutus">
    <div class="container">
        <h2 class="mih2 wow fadeInUp">关于我们</h2>
        <p class="mip wow fadeInUp" data-wow-delay="0.1s">
            ［云社区］是图猫团队为视觉主办方打造的自由图片社区，匹配于您社团自己的微信平台，独立的手机或电脑端入口，无论您组建的是摄影社群还是其他兴趣圈子，云社区都将在互联世界成为您最大的互动和传播动力。
        </p>
        <video id="video" class="logvideo center-block wow fadeInUp" data-wow-delay="0.2s"
               poster="ystweb/img/defvido.jpg">
            <source src="ystweb/video/320uservideo.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'></source>
        </video>
    </div>
</section>

<footer class="footer">
    <div class="container">
        <h1 class="f-tit wow fadeInUp">联系我们</h1>
        <div class="row">
            <div class="col-sm-12 line-us wow fadeInLeft text-center">
                <h4>深圳市亮点视创文化有限公司</h4>
                <p>公司地点：深圳市福田区北环大道雕塑家园18-34A </p>
                <div class="row">
                    <div class="col-sm-6 text-right">
                        <p>· 了解产品或商业合作 · <br>请于工作时间联系［图猫深圳新媒体中心］市场部<br>
                            电话：0755-83979786 / 61669015 / 61669025</p>
                    </div>
                    <div class="col-sm-6  text-left">
                        <p>· 产品技术支援与客户服务 · <br>请于工作时间联系［图猫北京开发中心］客服部<br>
                            电话：010-50912866
                        </p>
                    </div>
                </div>
				<span class="share center-block">
					<div class="bdsharebuttonbox" data-tag="share_1">
						<a class="iconfont icon-weixin" data-cmd="weixin" title="分享到您的朋友圈"></a>
						<a class="iconfont icon-weibo" data-cmd="tsina" title="分享到微博"></a>
						<a class="iconfont icon-qq" data-cmd="sqq" title="分享给QQ好友"></a>
					</div>
				</span>
            </div>
        </div>
    </div>
    <div class="cic">
        <div class="container">
            <span class="pull-right">COPYRIGHT © 2012-2015 图猫  京ICP证080268号</span>
        </div>
    </div>
</footer>
<script src="ystweb/js/jquery-1.11.3.min.js"></script>
<script src="ystweb/plug/swiper/js/swiper.jquery.min.js"></script>
<script src="ystweb/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
<script src="ystweb/js/wow.min.js"></script>
<script>
    var wow = new WOW({
        boxClass: 'wow',
        animateClass: 'animated',
        offset: 0,
        mobile: true,
        live: true
    });

    document.documentElement.style.overflow = 'hidden';
    // lodader
    $(window).on('load', function () {
        if (document.readyState == 'complete') {
            document.getElementById('loader').style.display = 'none';
            wow.init();
            document.documentElement.style.overflow = 'auto';
        }
    });

    // swiper
    var swiper = new Swiper('.swiper-container', {
        autoplay: 4000,
        speed: 500,
        effect: 'fade',
        prevButton: '.swiper-button-prev',
        nextButton: '.swiper-button-next',
    });

    // 调整显示个数
    var wo = 3;
    if (window.innerWidth < 768) {
        wo = 1;
    }
    // 第二个swiper
    var swiper = new Swiper('.swiper2-container', {
        autoplay: 4000,
        speed: 500,
        prevButton: '.rr1',
        nextButton: '.rr2',
        slidesPerView: wo,
        spaceBetween: 50,
    });

    // 播放视频
    $('.logvideo').on('click', function () {
        var Media = document.getElementById("video");
        if (Media.paused) {
            $(this).trigger('play');
            $(this).prop('controls', true);
        } else {
            $(this).trigger('pause');
            $(this).prop('controls', false);
        }
    });
</script>

<script>
    var http = window.location.href;
    var vi = /^.+[\/]/i;
    var url = http.match(vi);
    //百度分享
    window._bd_share_config = {
        common: {
            bdText: '#图猫云社区#',
            bdDesc: '图猫团队从事摄影行业多年，一直致力于发现影像价值，推动影像圈走进互联网+时代...',
            bdUrl: http,
            bdPic: url + '/img/obg/c-1.jpg'
        },
        share: [{
            "tag": "share_1",
            "bdSize": 24
        }]
    }
    with (document)0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion=' + ~(-new Date() / 36e5)];
</script>
</body>
</html>